<template>
  <div class="card-corporation-logo">
    <template v-if="logos[title] === 'bespoke'">
      <template v-if="title === CardName.AERON_GENOMICS">
        <div class="card-aeron-genomics-logo">
          <div class="aeron-genomics-svg-logo">
            <svg version="1.1" viewBox="0.0 0.0 108.33333333333333 77.1504811898446" fill="none" stroke="none"
              stroke-linecap="square" stroke-miterlimit="10" xmlns:xlink="http://www.w3.org/1999/xlink"
              xmlns="http://www.w3.org/2000/svg">
              <clipPath id="p.aeron-genomics">
                <path d="m0 0l108.33333 0l0 77.15048l-108.33333 0l0 -77.15048z" clip-rule="nonzero" />
              </clipPath>
              <g clip-path="url(#p.aeron-genomics)">
                <path fill="#000000" fill-opacity="0.0" d="m0 0l108.33333 0l0 77.15048l-108.33333 0z"
                  fill-rule="evenodd" />
                <path fill="#85c588" d="m0 77.21785l37.84678 -77.21785l32.74738 0l37.84679 77.21785z"
                  fill-rule="evenodd" />
                <path fill="#0a8503" d="m1.700038 76.00293l36.65812 -74.79265l31.72312 0l36.65813 74.79265z"
                  fill-rule="evenodd" />
                <path fill="#bbe2e3" d="m17.10987 67.46523l28.29118 -57.72179l17.63286 0l28.29118 57.72179z"
                  fill-rule="evenodd" />
                <path fill="#072600" d="m46.71572 32.31165l6.72031 -13.71129l8.50163 0l6.72031 13.71129z"
                  fill-rule="evenodd" />
                <path fill="#072600" d="m19.36677 76.00486l4.18347 -8.53543l61.34434 0l4.18348 8.53543z"
                  fill-rule="evenodd" />
                <path fill="#072600" d="m34.31274 57.93857l5.51621 -11.25459l28.81009 0l5.51621 11.25459z"
                  fill-rule="evenodd" />
                <path fill="#0a8503"
                  d="m46.72185 32.31136l6.93755 0l5.72145 10.11339l6.86338 0l2.41043 4.26077l-28.87036 0z"
                  fill-rule="evenodd" />
                <path fill="#0a8503" d="m61.92246 18.60006l6.71185 13.71128l6.96794 0l-6.71185 -13.71128z"
                  fill-rule="evenodd" />
              </g>
            </svg>
          </div>
          <div class="aeron-genomics-title">AERON GENOMICS</div>
        </div>
      </template>
      <template v-else-if="title === CardName.AGRICOLA_INC">
        <span class="card-agricola-logo">Agricola Inc</span>
      </template>
      <template v-else-if="title === CardName.ANUBIS_SECURITIES">
        <div class="card-anubis-securities-logo">
          <div class="anubis-securities-svg-logo">
            <svg version="1.1" viewBox="0.0 0.0 695.0 540.0" fill="none" stroke="none" stroke-linecap="square"
              stroke-miterlimit="10" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg">
              <clipPath id="p.anubis-securities">
                <path d="m0 0l695.0 0l0 540.0l-695.0 0l0 -540.0z" clip-rule="nonzero" />
              </clipPath>
              <g clip-path="url(#p.anubis-securities)">
                <path fill="#000000" fill-opacity="0.0" d="m0 0l695.0 0l0 540.0l-695.0 0z" fill-rule="evenodd" />
                <path fill="#ff5400"
                  d="m72.144356 275.17322l0 0c0 -143.88974 117.28025 -260.53543 261.95276 -260.53543l0 0c69.47418 0 136.1029 27.449192 185.22858 76.30906c49.12567 48.85988 76.72418 115.12808 76.72418 184.22636l0 0c0 143.88977 -117.28024 260.53546 -261.95276 260.53546l0 0c-144.6725 0 -261.95276 -116.64569 -261.95276 -260.53546z"
                  fill-rule="evenodd" />
                <path stroke="#b82729" stroke-width="8.0" stroke-linejoin="round" stroke-linecap="butt"
                  d="m72.144356 275.17322l0 0c0 -143.88974 117.28025 -260.53543 261.95276 -260.53543l0 0c69.47418 0 136.1029 27.449192 185.22858 76.30906c49.12567 48.85988 76.72418 115.12808 76.72418 184.22636l0 0c0 143.88977 -117.28024 260.53546 -261.95276 260.53546l0 0c-144.6725 0 -261.95276 -116.64569 -261.95276 -260.53546z"
                  fill-rule="evenodd" />
                <path fill="#ffd800"
                  d="m152.46452 453.55118l0.29397583 12.509186l358.87408 0l28.792908 -29.097107l30.326843 -54.763794l15.409302 -43.963257l-219.41544 -253.6929l-217.216 251.53018z"
                  fill-rule="evenodd" />
                <path fill="#000000" fill-opacity="0.0"
                  d="m72.144356 275.63196l0 0c0 -143.88976 117.28025 -260.53546 261.95276 -260.53546l0 0c69.47418 0 136.1029 27.449188 185.22858 76.30906c49.12567 48.85987 76.72418 115.128075 76.72418 184.22638l0 0c0 143.88974 -117.28024 260.5354 -261.95276 260.5354l0 0c-144.6725 0 -261.95276 -116.64566 -261.95276 -260.5354z"
                  fill-rule="evenodd" />
                <path stroke="#b82729" stroke-width="8.0" stroke-linejoin="round" stroke-linecap="butt"
                  d="m72.144356 275.63196l0 0c0 -143.88976 117.28025 -260.53546 261.95276 -260.53546l0 0c69.47418 0 136.1029 27.449188 185.22858 76.30906c49.12567 48.85987 76.72418 115.128075 76.72418 184.22638l0 0c0 143.88974 -117.28024 260.5354 -261.95276 260.5354l0 0c-144.6725 0 -261.95276 -116.64566 -261.95276 -260.5354z"
                  fill-rule="evenodd" />
                <path fill="#3e3e3e"
                  d="m116.42148 226.16447l0 0c3.7309952 91.577835 -13.118149 151.82521 -38.770866 138.63274c-25.652718 -13.192474 -51.560608 -95.42859 -59.615578 -189.23013c-8.054967 -93.80155 4.4271927 -167.91048 28.722183 -170.529z"
                  fill-rule="evenodd" />
                <path fill="#3e3e3e"
                  d="m44.98163 5.39895l11.34383 -4.3805776l115.674545 270.8084l47.56955 -9.729675l155.67453 24.86615l30.811035 54.595795l283.7848 41.078735l4.8635254 10.270355l-20.54071 56.758514l-531.2441 1.115509l-60.65355 -84.35959z"
                  fill-rule="evenodd" />
                <path fill="#ffd800"
                  d="m240.45145 313.05774l103.22571 8.603668l-1.2283325 19.661438l-105.83728 -7.834656z"
                  fill-rule="evenodd" />
              </g>
            </svg>
          </div>
          <div class="anubis-securities-title">
            <span class="anubis-row-1">ANUBIS</span>
            <br>
            <span class="anubis-row-2">SECURITIES</span>
          </div>
        </div>
      </template>
      <template v-else-if="title === CardName.ARBORIST_COLLECTIVE">
        <div class="card-arborist-collective-logo">
          <div class="arborist-collective-svg-logo">
            <svg version="1.1" viewBox="0.0 0.0 236.39107611548556 212.61942257217848" fill="none" stroke="none"
              stroke-linecap="square" stroke-miterlimit="10" xmlns:xlink="http://www.w3.org/1999/xlink"
              xmlns="http://www.w3.org/2000/svg">
              <clipPath id="p.arborist-collective">
                <path d="m0 0l236.39108 0l0 212.61942l-236.39108 0l0 -212.61942z" clip-rule="nonzero" />
              </clipPath>
              <g clip-path="url(#p.arborist-collective)">
                <path fill="#000000" fill-opacity="0.0" d="m0 0l236.39108 0l0 212.61942l-236.39108 0z"
                  fill-rule="evenodd" />
                <path fill="#ffffff" d="m49.784782 199.81627l9.6850395 -50.89763l19.370083 0l9.685036 50.89763z"
                  fill-rule="evenodd" />
                <path fill="#ffffff" d="m27.047245 100.467186l42.45669 -62.83464l42.456696 62.83464z"
                  fill-rule="evenodd" />
                <path fill="#ffffff" d="m13.307107 138.4725l56.740158 -84.661415l56.740158 84.661415z"
                  fill-rule="evenodd" />
                <path fill="#ffffff" d="m5.734908E-4 180.55641l70.04725 -119.81103l70.04724 119.81103z"
                  fill-rule="evenodd" />
                <path fill="#7a5c29" d="m54.6168 193.86089l7.4094467 -38.960617l14.818901 0l7.4094467 38.960617z"
                  fill-rule="evenodd" />
                <path fill="#266719" d="m38.918636 92.67979l30.236217 -44.7559l30.236221 44.7559z"
                  fill-rule="evenodd" />
                <path fill="#266719" d="m24.85136 131.63518l45.19685 -67.433075l45.196854 67.433075z"
                  fill-rule="evenodd" />
                <path fill="#266719" d="m14.506561 172.18636l54.645668 -93.44882l54.645668 93.44882z"
                  fill-rule="evenodd" />
                <path fill="#ffffff" d="m129.40945 212.09448l12.070862 -70.45668l24.141724 0l12.070877 70.45668z"
                  fill-rule="evenodd" />
                <path fill="#ffffff" d="m102.726746 77.98416l50.472443 -77.98425l50.472443 77.98425z"
                  fill-rule="evenodd" />
                <path fill="#ffffff" d="m83.16005 130.26231l70.944885 -110.48819l70.944885 110.48819z"
                  fill-rule="evenodd" />
                <path fill="#ffffff" d="m70.0262 185.19942l83.18111 -148.47244l83.18111 148.47244z"
                  fill-rule="evenodd" />
                <path fill="#7a5c29" d="m135.0304 206.16403l9.259842 -50.834656l18.519684 0l9.259842 50.834656z"
                  fill-rule="evenodd" />
                <path fill="#46a233" d="m115.40769 74.1617l37.79528 -58.3937l37.795273 58.3937z" fill-rule="evenodd" />
                <path fill="#46a233" d="m97.6157 124.97306l56.488182 -87.968506l56.48819 87.968506z"
                  fill-rule="evenodd" />
                <path fill="#46a233" d="m84.8926 177.88875l68.314964 -121.921265l68.31496 121.921265z"
                  fill-rule="evenodd" />
              </g>
            </svg>
          </div>
          <div class="arborist-collective-title">
            <div class="arborist-collective-row-1">ARBORIST</div>
            <hr>
            <div class="arborist-collective-row-2">COLLECTIVE</div>
          </div>
        </div>

      </template>
      <template v-else-if="title === CardName.ARCADIAN_COMMUNITIES">
        <span class="card-arcadian-logo"><span>Arcadian</span><br><span>Communities</span></span>
      </template>
      <template v-else-if="title === CardName.ASTRODRILL">
        <span class="card-astrodril-logo">Astrodrill</span>
      </template>
      <template v-else-if="title === CardName.ATHENA">
        <div class="card-athena-logo">Athena</div>
      </template>
      <template v-else-if="title === CardName.CELESTIC">
        <div class="card-celestic-logo">
          <span
            style="background: linear-gradient(to right, rgb(251,192,137),rgb(251,192,137),rgb(23,185,236));padding-left: 5px;">CEL</span>
          <span style="background:linear-gradient(to right,rgb(23,185,236),rgb(251,192,137))">ES</span>
          <span style="background:rgb(251,192,137);padding-right:5px;">TIC</span>
        </div>
      </template>
      <template v-else-if="title === CardName.CHEUNG_SHING_MARS">
        <div class="card-cheung-shing-logo">
          <span
            style="color:red;border:4px solid red;border-radius:50%;padding:3px 5px 3px 5px;font-size:30px;line-height:14px;box-shadow: 3px 3px 3px grey, inset 0 0 3px 3px grey;text-shadow: 3px 3px 3px grey;">㨐</span>
        </div>
        <div
          style="display: inline-block; width:140px; font-size:19px; line-height: 22px; vertical-align: middle; margin-bottom: 15px;font-weight:normal;">
          &nbsp;Cheung Shing <br>
          <div style="margin-left:10px"> ■■MARS■■ </div>
        </div>
      </template>
      <template v-else-if="title === CardName.CRESCENT_RESEARCH_ASSOCIATION">
        <div class="card-crescent-research-association-logo">
          <div class="crescent-research-association-image"></div>
          <div class="crescent-research-association-title">
            <div class="crescent-research-association-row1">CRESCENT RESEARCH</div>
            <hr>
            <div class="crescent-research-association-row2">ASSOCIATION</div>
          </div>
        </div>
      </template>
      <template v-else-if="title === CardName.CURIOSITY_II">
        <div class="card-curiosity-ii-logo">Curiosity II</div>
      </template>
      <template v-else-if="title === CardName.DEMETRON_LABS">
        <div class="card-demetron-labs-logo">
          <div class="row1">DEMETRON</div>
          <div class="row2">LABS</div>
        </div>
      </template>
      <template v-else-if="title === CardName.ECOTEC">
        <div class="card-ecotec-logo"></div>
      </template>
      <template v-else-if="title === CardName.ERIS">
        <div class="card-eris-logo">Eris</div>
      </template>
      <template v-else-if="title === CardName.GAGARIN_MOBILE_BASE">
        <div class="card-gagarin-mobile-base-logo">
          <div class="gagarin-mobile-base-svg-logo">
            <svg version="1.1" viewBox="0.0 0.0 651.2204724409448 148.7795275590551" fill="none" stroke="none"
              stroke-linecap="square" stroke-miterlimit="10" xmlns:xlink="http://www.w3.org/1999/xlink"
              xmlns="http://www.w3.org/2000/svg">
              <clipPath id="p.gagarin">
                <path d="m0 0l651.22046 0l0 148.77953l-651.22046 0l0 -148.77953z" clip-rule="nonzero" />
              </clipPath>
              <g clip-path="url(#p.gagarin)">
                <path fill="#000000" fill-opacity="0.0" d="m0 0l651.22046 0l0 148.77953l-651.22046 0z"
                  fill-rule="evenodd" />
                <path fill="#ffffff"
                  d="m1.2204725 26.381056l0 0c0 -13.223207 10.719528 -23.942736 23.942736 -23.942736l603.32715 0c6.3499756 0 12.439941 2.522531 16.930054 7.012665c4.4901123 4.4901342 7.0126343 10.580063 7.0126343 16.93007l0 95.76807c0 13.223206 -10.719482 23.942734 -23.942688 23.942734l-603.32715 0c-13.223207 0 -23.942736 -10.719528 -23.942736 -23.942734z"
                  fill-rule="evenodd" />
                <path stroke="#000000" stroke-width="8.0" stroke-linejoin="round" stroke-linecap="butt"
                  d="m1.2204725 26.381056l0 0c0 -13.223207 10.719528 -23.942736 23.942736 -23.942736l603.32715 0c6.3499756 0 12.439941 2.522531 16.930054 7.012665c4.4901123 4.4901342 7.0126343 10.580063 7.0126343 16.93007l0 95.76807c0 13.223206 -10.719482 23.942734 -23.942688 23.942734l-603.32715 0c-13.223207 0 -23.942736 -10.719528 -23.942736 -23.942734z"
                  fill-rule="evenodd" />
                <path fill="#000000" fill-opacity="0.0" d="m200.28346 112.35614l39.51181 -67.87401l39.511826 67.87401z"
                  fill-rule="evenodd" />
                <path stroke="#000000" stroke-width="16.0" stroke-miterlimit="8.0" stroke-linecap="butt"
                  d="m200.28346 112.35614l39.51181 -67.87401l39.511826 67.87401z" fill-rule="evenodd" />
                <path fill="#000000" fill-opacity="0.0" d="m81.632545 112.35614l39.51181 -67.87401l39.511818 67.87401z"
                  fill-rule="evenodd" />
                <path stroke="#000000" stroke-width="16.0" stroke-miterlimit="8.0" stroke-linecap="butt"
                  d="m81.632545 112.35614l39.51181 -67.87401l39.511818 67.87401z" fill-rule="evenodd" />
                <path fill="#000000" fill-opacity="0.0" d="m316.40027 113.518875l39.51181 -67.87402l39.51181 67.87402z"
                  fill-rule="evenodd" />
                <path stroke="#000000" stroke-width="16.0" stroke-miterlimit="8.0" stroke-linecap="butt"
                  d="m316.40027 113.518875l39.51181 -67.87402l39.51181 67.87402z" fill-rule="evenodd" />
                <path fill="#000000" fill-opacity="0.0"
                  d="m100.05249 37.06349l-39.511806 67.874016l-39.51181 -67.874016z" fill-rule="evenodd" />
                <path stroke="#000000" stroke-width="16.0" stroke-miterlimit="8.0" stroke-linecap="butt"
                  d="m100.05249 37.06349l-39.511806 67.874016l-39.51181 -67.874016z" fill-rule="evenodd" />
                <path fill="#000000" fill-opacity="0.0"
                  d="m334.82022 35.900764l-39.51181 67.874016l-39.511826 -67.874016z" fill-rule="evenodd" />
                <path stroke="#000000" stroke-width="2.0" stroke-miterlimit="8.0" stroke-linecap="butt"
                  d="m334.82022 35.900764l-39.51181 67.874016l-39.511826 -67.874016z" fill-rule="evenodd" />
                <path fill="#ffffff" d="m153.13762 117.72628l-6.8215027 -13.952751l-14.123383 0l6.8215027 13.952751z"
                  fill-rule="evenodd" />
                <path fill="#ffffff" d="m271.84338 118.169586l-6.8215027 -13.952751l-14.123383 0l6.8215027 13.952751z"
                  fill-rule="evenodd" />
                <path fill="#ffffff"
                  d="m102.29766 44.87064l-16.350365 0.13980103l-25.378014 43.87788l8.027588 14.250038z"
                  fill-rule="evenodd" />
                <path fill="#000000" fill-opacity="0.0"
                  d="m217.43701 35.900764l-39.51181 67.874016l-39.51181 -67.874016z" fill-rule="evenodd" />
                <path stroke="#000000" stroke-width="16.0" stroke-miterlimit="8.0" stroke-linecap="butt"
                  d="m217.43701 35.900764l-39.51181 67.874016l-39.51181 -67.874016z" fill-rule="evenodd" />
                <path fill="#ffffff"
                  d="m219.68217 43.70791l-16.350357 0.13980103l-25.378021 43.877876l8.027588 14.250038z"
                  fill-rule="evenodd" />
                <path fill="#000000" fill-opacity="0.0" d="m372.06665 36.51831l78.53543 0.26771545l-39.007874 68.17323z"
                  fill-rule="evenodd" />
                <path stroke="#000000" stroke-width="16.0" stroke-miterlimit="8.0" stroke-linecap="butt"
                  d="m372.06665 36.51831l78.53543 0.26771545l-39.007874 68.17323z" fill-rule="evenodd" />
                <path fill="#ffffff"
                  d="m377.68256 30.659147l8.308838 14.086515l50.689392 0.047439575l8.308868 -14.070963z"
                  fill-rule="evenodd" />
                <path fill="#000000" fill-opacity="0.0"
                  d="m511.26254 112.29271l-78.519684 -0.2992096l39.02362 -68.14173z" fill-rule="evenodd" />
                <path stroke="#000000" stroke-width="16.0" stroke-miterlimit="8.0" stroke-linecap="butt"
                  d="m511.26254 112.29271l-78.519684 -0.2992096l39.02362 -68.14173z" fill-rule="evenodd" />
                <path fill="#ffffff"
                  d="m505.6456 118.115715l-10.706696 -18.151749l-45.893677 -0.04295349l-10.706696 18.131714z"
                  fill-rule="evenodd" />
                <path fill="#ffffff" d="m323.5431 119.29904l6.8215027 -13.952751l14.123383 0l-6.8215027 13.952751z"
                  fill-rule="evenodd" />
                <path fill="#000000" fill-opacity="0.0" d="m551.16797 112.35614l39.51184 -67.87401l39.51178 67.87401z"
                  fill-rule="evenodd" />
                <path stroke="#000000" stroke-width="16.0" stroke-miterlimit="8.0" stroke-linecap="butt"
                  d="m551.16797 112.35614l39.51184 -67.87401l39.51178 67.87401z" fill-rule="evenodd" />
                <path fill="#ffffff" d="m541.3044 118.108116l41.827637 -73.354324l42.36133 73.354324z"
                  fill-rule="evenodd" />
                <path fill="#000000"
                  d="m616.14984 84.07361l-8.308838 -14.083359l-40.075195 -0.022262573l-8.308838 14.07412z"
                  fill-rule="evenodd" />
                <path fill="#000000" fill-opacity="0.0" d="m569.91113 36.409954l-39.51178 67.87402l-39.51181 -67.87402z"
                  fill-rule="evenodd" />
                <path stroke="#000000" stroke-width="16.0" stroke-miterlimit="8.0" stroke-linecap="butt"
                  d="m569.91113 36.409954l-39.51178 67.87402l-39.51181 -67.87402z" fill-rule="evenodd" />
                <path fill="#ffffff" d="m579.7747 30.65798l-41.827576 73.35433l-42.36139 -73.35433z"
                  fill-rule="evenodd" />
                <path fill="#000000"
                  d="m504.92926 64.69249l8.308838 14.083359l40.075256 0.022262573l8.308838 -14.07412z"
                  fill-rule="evenodd" />
              </g>
            </svg>
          </div>
          <div class="gagarin-mobile-base-title">
            Gagarin Mobile Base
          </div>
        </div>
      </template>
      <template v-else-if="title === CardName.HADESPHERE">
        <div class="card-hadesphere-logo">
          <div class="row1">HADESPHERE</div>
          <div class="row2">INDUSTRIES</div>
        </div>
      </template>
      <template v-else-if="title === CardName.HECATE_SPEDITIONS">
        <div class="card-hecate-speditions-logo">
          <div class="row1">HECATE</div>
          <div class="hecate-speditions-svg-logo">
            <svg version="1.1" viewBox="0.0 0.0 616.0997375328084 111.98687664041995" fill="none" stroke="none"
              stroke-linecap="square" stroke-miterlimit="10" xmlns:xlink="http://www.w3.org/1999/xlink"
              xmlns="http://www.w3.org/2000/svg">
              <clipPath id="p.hecate-speditions">
                <path d="m0 0l616.09973 0l0 111.98688l-616.09973 0l0 -111.98688z" clip-rule="nonzero" />
              </clipPath>
              <g clip-path="url(#p.hecate-speditions)">
                <path fill="#000000" fill-opacity="0.0" d="m0 0l616.09973 0l0 111.98688l-616.09973 0z"
                  fill-rule="evenodd" />
                <path fill="#ffffff" d="m22.090155 47.8099l542.7285 0l0 14.700771l-542.7285 0z" fill-rule="evenodd" />
                <path fill="#ffffff"
                  d="m85.47348 55.140038l0 0c0 -9.6599655 7.8309555 -17.490917 17.490921 -17.490917l43.022263 0l0 0c4.6388702 0 9.087753 1.8427887 12.367935 5.1229706c3.2801971 3.2801857 5.1229706 7.7290688 5.1229706 12.367947l0 0l0 0c0 9.6599655 -7.830948 17.490921 -17.490906 17.490921l-43.022263 0c-9.6599655 0 -17.490921 -7.8309555 -17.490921 -17.490921z"
                  fill-rule="evenodd" />
                <path fill="#ffffff"
                  d="m0.014019589 55.155697l0 0c0 -30.454578 24.688314 -55.142895 55.142895 -55.142895l0 0c14.624802 0 28.65062 5.8096814 38.991913 16.15098c10.341301 10.341299 16.150986 24.367107 16.150986 38.991913l0 0c0 30.454578 -24.688316 55.142895 -55.1429 55.142895l0 0c-30.45458 0 -55.142895 -24.688316 -55.142895 -55.142895z"
                  fill-rule="evenodd" />
                <path fill="#f55b2b"
                  d="m12.28456 55.15274l0 0c0 -23.67769 19.194561 -42.872253 42.87225 -42.872253l0 0c11.370426 0 22.27515 4.5168858 30.315258 12.556992c8.040108 8.040106 12.556992 18.94483 12.556992 30.31526l0 0c0 23.677689 -19.194557 42.872246 -42.87225 42.872246l0 0c-23.67769 0 -42.87225 -19.194557 -42.87225 -42.872246z"
                  fill-rule="evenodd" />
                <path fill="#ffffff"
                  d="m335.60352 55.140038l0 0c0 -9.6599655 7.830963 -17.490917 17.490906 -17.490917l43.022278 0l0 0c4.6388855 0 9.087769 1.8427887 12.36795 5.1229706c3.280182 3.2801857 5.1229553 7.7290688 5.1229553 12.367947l0 0l0 0c0 9.6599655 -7.8309326 17.490921 -17.490906 17.490921l-43.022278 0c-9.659943 0 -17.490906 -7.8309555 -17.490906 -17.490921z"
                  fill-rule="evenodd" />
                <path fill="#ffffff"
                  d="m195.45584 55.140038l0 0c0 -9.6599655 7.830948 -17.490917 17.490906 -17.490917l43.022263 0l0 0c4.6388702 0 9.087753 1.8427887 12.367935 5.1229706c3.2802124 3.2801857 5.122986 7.7290688 5.122986 12.367947l0 0l0 0c0 9.6599655 -7.830963 17.490921 -17.490921 17.490921l-43.022263 0c-9.659958 0 -17.490906 -7.8309555 -17.490906 -17.490921z"
                  fill-rule="evenodd" />
                <path fill="#ffffff"
                  d="m251.63715 55.155697l0 0c0 -30.454578 24.688324 -55.142895 55.142883 -55.142895l0 0c14.624817 0 28.650635 5.8096814 38.991913 16.15098c10.341309 10.341299 16.151001 24.367107 16.151001 38.991913l0 0c0 30.454578 -24.688324 55.142895 -55.142914 55.142895l0 0c-30.45456 0 -55.142883 -24.688316 -55.142883 -55.142895z"
                  fill-rule="evenodd" />
                <path fill="#0099ff"
                  d="m263.90768 55.15274l0 0c0 -23.67769 19.19455 -42.872253 42.872253 -42.872253l0 0c11.370422 0 22.275146 4.5168858 30.315247 12.556992c8.040131 8.040106 12.557007 18.94483 12.557007 30.31526l0 0c0 23.677689 -19.19455 42.872246 -42.872253 42.872246l0 0c-23.677704 0 -42.872253 -19.194557 -42.872253 -42.872246z"
                  fill-rule="evenodd" />
                <path fill="#ffffff"
                  d="m445.58588 55.140038l0 0c0 -9.6599655 7.8309326 -17.490917 17.490906 -17.490917l43.022278 0l0 0c4.638855 0 9.087769 1.8427887 12.36792 5.1229706c3.2802124 3.2801857 5.122986 7.7290688 5.122986 12.367947l0 0l0 0c0 9.6599655 -7.8309326 17.490921 -17.490906 17.490921l-43.022278 0c-9.659973 0 -17.490906 -7.8309555 -17.490906 -17.490921z"
                  fill-rule="evenodd" />
                <path fill="#ffffff"
                  d="m505.0203 55.155697l0 0c0 -30.454578 24.688324 -55.142895 55.142914 -55.142895l0 0c14.624756 0 28.650574 5.8096814 38.991882 16.15098c10.341309 10.341299 16.151001 24.367107 16.151001 38.991913l0 0c0 30.454578 -24.688354 55.142895 -55.142883 55.142895l0 0c-30.45459 0 -55.142914 -24.688316 -55.142914 -55.142895z"
                  fill-rule="evenodd" />
                <path fill="#e8e268"
                  d="m517.29083 55.15274l0 0c0 -23.67769 19.19458 -42.872253 42.872253 -42.872253l0 0c11.370422 0 22.275146 4.5168858 30.315247 12.556992c8.0401 8.040106 12.557007 18.94483 12.557007 30.31526l0 0c0 23.677689 -19.19458 42.872246 -42.872253 42.872246l0 0c-23.677673 0 -42.872253 -19.194557 -42.872253 -42.872246z"
                  fill-rule="evenodd" />
              </g>
            </svg>
          </div>
          <div class="row2">SPEDITIONS</div>
        </div>
      </template>
      <template v-else-if="title === CardName.HENKEI_GENETICS">
        <div class="card-henkei-genetics-logo">
          <span class="jp"></span>
          <span class="eng">Henkei Genetics</span>
        </div>
      </template>
      <template v-else-if="title === CardName.INCITE">
        <span class="card-incite-logo">Incite</span>
      </template>
      <template v-else-if="title === CardName.INTERPLANETARY_CINEMATICS">
        <div style="color: #020202;font-size:17px;margin-top:10px;margin-left:-87px;">INTERPLANETARY</div>
        <div
          style="height:5px;margin-top:-2px;width:143px;background:linear-gradient(to right,yellow,black,yellow,black,yellow);border:5px solid #cc3333;box-shadow:3px 3px 6px grey;">
        </div>
        <div
          style="color: #020202;font-size:24px;margin-left:-89px;margin-top:-5px; display:inline-block; -webkit-transform:scale(0.5,1); -moz-transform:scale(0.5,1); -ms-transform:scale(0.5,1); -o-transform:scale(0.5,1); transform:scale(1,0.5); margin-bottom:15px;">
          CINEMATICS</div>
      </template>
      <template v-else-if="title === CardName.INVENTRIX">
        <span class="card-inventrix-logo">
          <span
            style="color: #020202;background-color:#6bb5c7;padding-left:4px;padding-right:4px;font-size:26px;box-shadow: 6px 6px 10px grey;">X</span>
          INVENTRIX</span>
      </template>
      <template v-else-if="title === CardName.KEPLERTEC">
        <div class="card-keplertec-logo">
          <div class="keplertec-svg-logo">
            <svg version="1.1" viewBox="0.0 0.0 112.33070866141732 112.50393700787401" fill="none" stroke="none"
              stroke-linecap="square" stroke-miterlimit="10" xmlns:xlink="http://www.w3.org/1999/xlink"
              xmlns="http://www.w3.org/2000/svg">
              <clipPath id="p.keplertec">
                <path d="m0 0l112.33071 0l0 112.50394l-112.33071 0l0 -112.50394z" clip-rule="nonzero" />
              </clipPath>
              <g clip-path="url(#p.keplertec)">
                <path fill="#000000" fill-opacity="0.0" d="m0 0l112.33071 0l0 112.50394l-112.33071 0z"
                  fill-rule="evenodd" />
                <defs>
                  <linearGradient id="p.1" gradientUnits="userSpaceOnUse"
                    gradientTransform="matrix(10.556205549592645 0.0 0.0 10.556205549592645 0.0 0.0)" spreadMethod="pad"
                    x1="0.017901922908279133" y1="0.05366742744995899" x2="0.01786370872945341" y2="10.609872976973433">
                    <stop offset="0.0" stop-color="#bfbfbf" />
                    <stop offset="1.0" stop-color="#000000" />
                  </linearGradient>
                </defs>
                <path fill="url(#p.1)"
                  d="m0.18897638 56.283466l0 0c0 -30.771395 25.02975 -55.716537 55.905514 -55.716537l0 0c14.8270645 0 29.046844 5.870118 39.531166 16.318996c10.484314 10.448877 16.374344 24.620594 16.374344 39.39754l0 0c0 30.771389 -25.029747 55.716534 -55.90551 55.716534l0 0c-30.875763 0 -55.905514 -24.945145 -55.905514 -55.716534z"
                  fill-rule="evenodd" />
                <path fill="#000000" fill-opacity="0.0" d="m56.174488 32.283466l0 47.999996" fill-rule="evenodd" />
                <path stroke="#ffff00" stroke-width="8.0" stroke-linejoin="round" stroke-linecap="butt"
                  d="m56.174488 32.283466l0 47.999996" fill-rule="evenodd" />
                <path fill="#000000" fill-opacity="0.0" d="m80.01449 80.28346l-15.370079 -23.999996l15.370079 -24.0z"
                  fill-rule="evenodd" />
                <path stroke="#ffff00" stroke-width="8.0" stroke-linejoin="bevel"
                  d="m80.01449 80.28346l-15.370079 -23.999996l15.370079 -24.0z" fill-rule="evenodd" />
                <path fill="#000000" fill-opacity="0.0" d="m32.174488 32.283466l15.370079 24.0l-15.370079 23.999996z"
                  fill-rule="evenodd" />
                <path stroke="#f1c232" stroke-width="8.0" stroke-linejoin="bevel"
                  d="m32.174488 32.283466l15.370079 24.0l-15.370079 23.999996z" fill-rule="evenodd" />
              </g>
            </svg>
          </div>
          <div class="keplertec-title">KEPLERTEC</div>
        </div>
      </template>
      <template v-else-if="title === CardName.KINGDOM_OF_TAURARO">
        <div class="card-kingdom-of-tauraro-logo">
          <div class="kingdom-of-tauraro-svg-logo">
            <svg version="1.1" viewBox="0.0 0.0 192.997375328084 120.5249343832021" fill="none" stroke="none"
              stroke-linecap="square" stroke-miterlimit="10" xmlns:xlink="http://www.w3.org/1999/xlink"
              xmlns="http://www.w3.org/2000/svg">
              <clipPath id="p.kingdom-of-tauraro">
                <path d="m0 0l192.99738 0l0 120.52493l-192.99738 0l0 -120.52493z" clip-rule="nonzero" />
              </clipPath>
              <g clip-path="url(#p.kingdom-of-tauraro)">
                <path fill="#000000" fill-opacity="0.0" d="m0 0l192.99738 0l0 120.52493l-192.99738 0z"
                  fill-rule="evenodd" />
                <path fill="#ffffff" d="m32.69685 0.010498688l126.01575 0l0 120.15748l-126.01575 0z"
                  fill-rule="evenodd" />
                <path fill="#075412" d="m151.69292 0.22047244l39.716537 0l0 120.15748l-39.716537 0z"
                  fill-rule="evenodd" />
                <path fill="#075412" d="m0 0.010498688l39.716534 0l0 120.15748l-39.716534 0z" fill-rule="evenodd" />
                <path fill="#3142a9" d="m74.56562 0.015748031l8.9133835 12.886082l0 94.35382l-8.9133835 12.886078z"
                  fill-rule="evenodd" />
                <path fill="#3142a9" d="m45.633858 0l29.291336 0l0 120.15748l-29.291336 0z" fill-rule="evenodd" />
                <path fill="#3142a9" d="m116.843834 0.23622048l-8.913391 12.886082l0 94.35382l8.913391 12.8860855z"
                  fill-rule="evenodd" />
                <path fill="#3142a9" d="m145.77559 0.22047244l-29.291336 0l0 120.15748l29.291336 0z"
                  fill-rule="evenodd" />
                <path fill="#3142a9"
                  d="m46.728348 60.192913l0 0c0 -27.048904 21.927467 -48.97638 48.97638 -48.97638l0 0c12.989342 0 25.44667 5.159996 34.63153 14.344849c9.184845 9.1848545 14.344849 21.642187 14.344849 34.63153l0 0c0 27.048908 -21.927475 48.976376 -48.97638 48.976376l0 0c-27.048912 0 -48.97638 -21.927467 -48.97638 -48.976376z"
                  fill-rule="evenodd" />
                <path fill="#e60000"
                  d="m55.863518 60.194225l0 0c0 -22.004417 17.838104 -39.84252 39.84252 -39.84252l0 0c10.566887 0 20.700989 4.1976833 28.172913 11.669603c7.471924 7.471924 11.669601 17.606022 11.669601 28.172916l0 0c0 22.004414 -17.838104 39.842518 -39.842514 39.842518l0 0c-22.004417 0 -39.84252 -17.838104 -39.84252 -39.842518z"
                  fill-rule="evenodd" />
                <path fill="#ffffff"
                  d="m109.69823 56.698597q0.34375 -0.875 1.765625 -1.59375q1.234375 -0.53125 1.234375 -1.578125q0 -0.71875 -0.53125 -1.25q-0.53125 -0.53125 -1.234375 -0.53125q-0.703125 0 -1.234375 0.53125q-0.53125 0.53125 -0.53125 1.25q0 0.34375 0.171875 0.703125q0 0.171875 0 0.703125q0 1.234375 -2.65625 3.1875q-1.234375 1.0625 -2.296875 0.890625q-1.0625 -0.1875 -1.25 -1.0625q0 -0.53125 0.359375 -2.65625l1.0625 -5.671875q-0.703125 0 -1.421875 -0.34375l-1.9375 5.65625q-0.71875 1.953125 -2.125 1.953125q-1.59375 0 -1.78125 -2.484375l-0.53125 -7.78125q-0.53125 0.34375 -1.046875 0.34375q-0.71875 0 -1.25 -0.34375l-0.34375 7.78125q0 2.484375 -1.78125 2.484375q-1.40625 0 -2.296875 -2.3125l-1.765625 -5.296875q-0.53125 0.34375 -1.59375 0.34375l1.0625 5.3125q0.53125 2.125 0.53125 2.65625q0 1.59375 -1.59375 1.421875q-0.71875 0.171875 -1.59375 -0.53125q-3.015625 -2.3125 -3.1875 -3.71875q0 -0.1875 0.171875 -0.53125q0.171875 -0.359375 0.171875 -0.703125q0 -0.71875 -0.53125 -1.25q-0.53125 -0.53125 -1.234375 -0.53125q-0.703125 0 -1.234375 0.53125q-0.53125 0.53125 -0.53125 1.421875q0.171875 0.875 1.0625 1.40625q1.59375 0.71875 1.9375 1.78125q1.953125 4.25 1.953125 4.421875q0.53125 1.234375 0.359375 1.765625q0 0.71875 -0.359375 1.4218788q-0.359375 1.0625 -0.359375 1.234375q0.1875 0.53125 0.1875 0.890625q5.84375 -5.312504 12.21875 -5.312504q6.359375 0 12.203125 5.312504q0.1875 -0.359375 0.1875 -0.890625q0 -0.34375 -0.359375 -1.234375q-0.359375 -0.7031288 -0.359375 -1.4218788q0 -0.875 0.359375 -1.765625q1.953125 -4.421875 1.953125 -4.609375zm-2.125 16.656254q0.703125 -0.1875 0.703125 -1.59375q0 -1.59375 -0.703125 -1.78125q-1.0625 -0.171875 -1.0625 1.953125q0 1.59375 1.0625 1.421875zm-2.65625 2.828125q1.0625 -0.703125 1.59375 -1.765625q-1.25 -0.71875 -1.25 -2.65625q0 -0.1875 0 -0.53125q-3.1875 -2.484375 -6.1875 -3.1875l-2.84375 2.65625l0 2.125q2.65625 0.171875 5.140625 0.53125q3.546875 0.875 3.546875 2.828125zm-10.625 1.765625q3.71875 0.1875 6.015625 -0.171875q3.546875 -0.359375 3.546875 -1.765625q-0.1875 -0.1875 -0.359375 -0.359375q-0.703125 -0.703125 -3.71875 -1.421875q-2.125 -0.34375 -4.0625 -0.34375q-2.125 0 -4.25 0.34375q-3.015625 0.53125 -3.71875 1.421875q0 0.171875 -0.1875 0.359375q0 1.765625 6.734375 1.9375zm-9.5625 -3.53125q0.53125 1.0625 1.59375 1.765625q0.171875 -1.953125 3.71875 -2.828125q2.296875 -0.53125 4.953125 -0.53125l0 -2.125l-2.65625 -2.65625q-3.0 0.703125 -6.375 3.1875q0 0.171875 0 0.875q-0.171875 1.78125 -1.234375 2.3125zm10.265625 -11.875004q-5.484375 0.359375 -10.796875 5.140629q0.171875 0.359375 0 0.359375q0 0.171875 0 0.34375q0 0.1875 0 0.359375q1.0625 0.171875 1.421875 1.234375q3.71875 -2.46875 6.71875 -3.1875l2.65625 -3.1875038l0 -1.0625zm0.71875 2.3125038l-2.3125 2.46875l2.3125 2.3125l2.296875 -2.3125l-2.296875 -2.46875zm11.5 3.890625q0 -0.171875 0 -0.359375q0 -0.171875 0 -0.34375q0 -0.1875 0 -0.359375q-5.140625 -4.609379 -10.984375 -5.140629l0 1.0625l2.84375 3.1875038q3.0 0.71875 6.546875 3.1875q0.703125 -1.0625 1.59375 -1.234375zm-23.015625 4.609375q0.703125 -0.1875 0.703125 -1.59375q0 -1.59375 -0.703125 -1.78125q-1.0625 -0.171875 -1.0625 1.953125q0 1.59375 1.0625 1.421875zm0.703125 -26.734379q0 0.703125 0.53125 1.234375q0.53125 0.53125 1.0625 0.53125q1.0625 0.171875 1.59375 -0.53125q0.71875 -0.53125 0.53125 -1.421875q0 -0.53125 -0.53125 -1.0625q-0.53125 -0.53125 -1.59375 -0.53125q-0.53125 0 -1.0625 0.53125q-0.53125 0.53125 -0.53125 1.25zm10.8125 -4.4375q-0.71875 0 -1.25 0.53125q-0.703125 0.53125 -0.53125 1.421875q0 0.53125 0.53125 1.0625q0.53125 0.53125 1.25 0.53125q0.703125 0 1.234375 -0.53125q0.53125 -0.53125 0.53125 -1.234375q0 -0.71875 -0.53125 -1.25q-0.53125 -0.53125 -1.234375 -0.53125zm8.84375 2.65625q-0.703125 0 -1.234375 0.53125q-0.53125 0.53125 -0.53125 1.25q0 0.703125 0.53125 1.234375q0.34375 0.53125 1.0625 0.53125q0.875 0 1.40625 -0.53125q0.71875 -0.53125 0.53125 -1.421875q0 -0.53125 -0.53125 -1.0625q-0.53125 -0.53125 -1.234375 -0.53125zm6.375 5.671875q1.421875 0 2.125 0.890625q0.890625 0.703125 0.703125 1.9375q0.1875 2.296875 -2.125 3.015625q-0.53125 0.171875 -0.875 0.875q-0.890625 2.125 -1.25 3.015625q-0.53125 1.421875 -0.703125 1.765625q-0.171875 0.71875 -0.171875 1.0625q0.171875 0.359375 0.34375 1.4218788q0.359375 0.890625 0.359375 1.234375q0 1.25 -0.890625 2.3125l0 1.0625q0.890625 0.703125 0.890625 2.296875q0.171875 2.828125 -1.59375 3.1875q-1.59375 4.609375 -12.03125 4.609375q-10.453125 0 -12.046875 -4.609375q-1.59375 -0.359375 -1.765625 -2.828125q0 -1.78125 1.0625 -2.65625l0 -1.0625q-0.890625 -0.890625 -0.890625 -2.3125q0 -0.53125 0.359375 -1.40625q0.34375 -0.7187538 0.34375 -1.2500038q0 -0.53125 -0.34375 -1.234375q-1.78125 -4.421875 -1.953125 -4.609375q-0.171875 -0.703125 -0.703125 -0.875q-2.125 -0.53125 -2.3125 -2.828125q0 -1.25 0.890625 -2.125q0.890625 -0.890625 2.125 -0.890625q1.0625 0 1.953125 0.890625q0.875 0.703125 0.875 1.9375q0 1.234375 -0.171875 1.59375q0.171875 0.890625 2.65625 2.484375q0.53125 0.53125 0.890625 0.53125q0.34375 0 0.34375 -0.53125q0 -0.359375 -0.34375 -1.953125l-1.421875 -6.1875q-1.59375 -0.890625 -1.421875 -2.84375q0.1875 -1.0625 0.890625 -1.765625q0.890625 -0.703125 1.953125 -0.890625q1.40625 0.1875 2.125 0.71875q0.875 0.875 0.875 1.9375q0 1.25 -0.53125 1.953125l2.125 6.015625q0.53125 1.234375 1.0625 1.234375q0.71875 0 0.53125 -1.234375l0.53125 -8.5q-0.703125 -0.875 -0.703125 -1.9375q0 -1.25 0.890625 -2.125q0.875 -0.890625 2.125 -0.890625q1.234375 0 2.109375 0.890625q0.890625 0.875 0.890625 2.125q0.171875 1.0625 -0.703125 1.9375l0.53125 8.5q0.171875 1.234375 0.53125 1.234375q0.703125 0 1.0625 -1.234375l2.125 -6.015625q-0.53125 -0.703125 -0.71875 -1.765625q0 -1.0625 0.890625 -1.953125q1.0625 -0.890625 2.296875 -0.890625q1.0625 0.1875 1.78125 0.71875q1.0625 0.875 1.0625 2.125q0 1.765625 -1.59375 2.65625l-1.25 5.828125q-0.53125 1.953125 -0.53125 2.3125q0 0.53125 0.359375 0.53125q0.53125 0 1.0625 -0.53125q2.484375 -1.59375 2.65625 -2.484375q-0.171875 -0.359375 -0.359375 -1.59375q0 -1.0625 0.890625 -1.9375q0.890625 -0.890625 2.125 -0.890625z"
                  fill-rule="nonzero" />
              </g>
            </svg>
          </div>
          <div class="kingdom-of-tauraro-title">Kingdom of<br/>Tauraro</div>
        </div>
      </template>
      <template v-else-if="title === CardName.KUIPER_COOPERATIVE">
        <div class="card-kuiper-logo">Kuiper<br />Cooperative</div>
      </template>
      <template v-else-if="title === CardName.LAKEFRONT_RESORTS">
        <div class="card-lakefront-logo">LAKEFRONT <br> &nbsp;&nbsp;RESORTS</div>
      </template>
      <template v-else-if="title === CardName.MANUTECH">
        <span class="card-manutech-logo"><span
            style="color:white;background:#e63900;text-shadow:none;padding-left:2px;">MA</span>NUTECH</span>
      </template>
      <template v-else-if="title === CardName.MARS_MATHS">
        <div class="card-mars-maths-logo" style="font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif">
          <span style="color: rgb(0, 0, 0);">MARS</span>
          <span style="color: rgb(208, 96, 3);box-shadow: -6px -6px #d58c56;">MATHS</span>
        </div>
      </template>
      <template v-else-if="title === CardName.MINING_GUILD">
        <span class="card-mining-guild-logo">MINING<br>GUILD</span>
      </template>
      <template v-else-if="title === CardName.MONS_INSURANCE">
        <div class="card-mons-logo">
          <div class="mons0">▲</div>
          <div class="mons1">mons</div>
          <div class="mons2">INSURANCE</div>
        </div>
      </template>
      <template v-else-if="title === CardName.NIRGAL_ENTERPRISES">
        <div class="card-nirgal-enterprises-logo">
          <div>NIRGAL</div>
          <div>ENTERPRISES</div>
        </div>
      </template>
      <template v-else-if="title === CardName.PALLADIN_SHIPPING">
        <div class="card-palladin-shipping-logo"></div>
      </template>
      <template v-else-if="title === CardName.PHARMACY_UNION">
        <div class="card-pharmacy-union-logo">Pharmacy<br />Union</div>
      </template>
      <template v-else-if="title === CardName.PHILARES">
        <div class="card-philares-logo">PHIL<span style="color:#ff5858">A</span>RES</div>
      </template>
      <template v-else-if="title === CardName.PLAYWRIGHTS">
        <div class="card-playwrights-logo">Playwrights</div>
      </template>
      <template v-else-if="title === CardName.POLDERTECH_DUTCH">
        <div class="card-poldertech-1-logo">PolderTECH</div>
        <div class="card-poldertech-2-logo">Dutch</div>
      </template>
      <template v-else-if="title === CardName.PROJECT_WORKSHOP">
        <div class="card-project-workshop-logo">PROJECT<br />WORKSHOP</div>
      </template>
      <template v-else-if="title === CardName.RECYCLON">
        <div class="card-recyclon-logo">Recyclon</div>
      </template>
      <template v-else-if="title === CardName.ROBINSON_INDUSTRIES">
        <div class="card-robinson-logo">
          <div style="letter-spacing:4px;border-bottom:3px solid #ccc;margin-top:5px;">ROBINSON</div>
          <div style="border-bottom:3px solid #ccc;">•—•—•—•—•—•—•&nbsp;</div>
          <div style="letter-spacing:2px;">INDUSTRIES</div>
        </div>
      </template>
      <template v-else-if="title === CardName.SAGITTA_FRONTIER_SERVICES">
        <div class="card-sagitta-logo">Sagitta</div>
      </template>
      <template v-if="title === CardName.SATURN_SYSTEMS">
        <div class="card-saturn-logo">
          SATURN <span style="font-size:20px;display:inline-block;">&#x25CF;</span> SYSTEMS
        </div>
      </template>
      <template v-else-if="title === CardName.SEPTUM_TRIBUS">
        <span class="card-septem-tribus-logo">Septem Tribus</span>
      </template>
      <template v-else-if="title === CardName.SOLBANK">
        <div class="card-solbank-logo">
          <span class="solbank-first">SOL</span>
          <span class="solbank-second">Bank</span>
        </div>
      </template>
      <template v-else-if="title === CardName.SPLICE">
        <div class="card-splice-logo">
          <div>SPLI<span style="color:red">C</span>E</div>
          <div style="height:3px;background:red;margin-top:-3px;"></div>
          <div style="font-size:10px;line-height:18px;">TACTICAL GENOMICS</div>
        </div>
      </template>
      <template v-else-if="title === CardName.STORMCRAFT_INCORPORATED">
        <div class="card-stormcraft-logo">
          <div class="stormcraft1">STORM</div>
          <div class="stormcraft2">CRAFT</div>
          <div class="stormcraft3">INCOR</div>
          <div class="stormcraft4">PORATED</div>
        </div>
      </template>
      <template v-else-if="title === CardName.TERRALABS_RESEARCH">
        <div
          style="font-size: 13px;left:32px;top:10px;font-family:Prototype;color:#222;transform:scale(2,1);position:absolute;">
          TERRALABS</div>
        <div
          style="position:absolute;top:28px;left:46px;font-size:8px;letter-spacing:2px;font-family:Prototype;transform:scale(2,1)">
          RESEARCH</div>
      </template>
      <template v-else-if="title === CardName.THARSIS_REPUBLIC">
        <div class="card-tharsis-logo">
          <div class="card-tharsis-logo-image"></div>
          <div class="card-tharsis-logo-text">Tharsis Republic</div>
        </div>
      </template>
      <template v-else-if="title === CardName.TYCHO_MAGNETICS">
        <div class="card-tycho-magnetics-logo">
          <div>TYCHO</div>
          <div>MAGNETICS</div>
        </div>
      </template>
      <template v-else-if="title === CardName.UNITED_NATIONS_MARS_INITIATIVE">
        <span class="card-unmi-logo">UNITED NATIONS<br />MARS INITIATIVE</span>
      </template>
      <template v-else-if="title === CardName.UNITED_NATIONS_MISSION_ONE">
        <span class="card-unmo-logo">UNITED NATIONS<br />MISSION ONE</span>
      </template>
      <template v-else-if="title === CardName.UTOPIA_INVEST">
        <div class="card-utopia-logo">
          <div class="utopia-corp-name-1">UTOPIA</div>
          <div class="utopia-corp-name-2">INVEST</div>
        </div>
      </template>
      <template v-else-if="title === CardName.VALLEY_TRUST">
        <div class="card-valley-trust-logo">
          <div
            style="display:inline-block;margin-left:25px;padding-top: 2px;margin-bottom:0px;font-size:26px;text-shadow: 2px 2px #ccc;text-align:center">
            VALLEY<br /> TRUST</div>
        </div>
      </template>
      <template v-else-if="title === CardName.VITOR">
        <div class="card-vitor-logo">
          <span style="color:white;background:orangered;padding-left:3px;">VIT</span>
          <span style="background:linear-gradient(to right, orangered,white);">O</span>
          <span style="background:white;padding-right:3px;">R</span>
        </div>
      </template>
      <template v-else-if="title === CardName.VOLTAGON">
        <div class="card-voltagon-logo">
          <div class="voltagon-svg-logo">
            <svg version="1.1" viewBox="0.0 0.0 254.11023622047244 247.95538057742783" fill="none" stroke="none"
              stroke-linecap="square" stroke-miterlimit="10" xmlns:xlink="http://www.w3.org/1999/xlink"
              xmlns="http://www.w3.org/2000/svg">
              <clipPath id="p.voltagon">
                <path d="m0 0l254.11023 0l0 247.95538l-254.11023 0l0 -247.95538z" clip-rule="nonzero" />
              </clipPath>
              <g clip-path="url(#p.voltagon)">
                <path fill="#000000" fill-opacity="0.0" d="m0 0l254.11023 0l0 247.95538l-254.11023 0z"
                  fill-rule="evenodd" />
                <path fill="#5d3483"
                  d="m5.577428 76.81672l70.800964 -70.80097l100.13035 0l70.800964 70.80097l0 100.13035l-70.800964 70.800964l-100.13035 0l-70.800964 -70.800964z"
                  fill-rule="evenodd" />
                <defs>
                  <radialGradient id="p.1" gradientUnits="userSpaceOnUse"
                    gradientTransform="matrix(13.31445796292349 0.0 0.0 13.31445796292349 0.0 0.0)" spreadMethod="pad"
                    cx="9.518593133073773" cy="9.30973446960006" fx="9.518593133073773" fy="9.30973446960006"
                    r="13.314457893371582">
                    <stop offset="0.0" stop-color="#bfbfbf" />
                    <stop offset="1.0" stop-color="#737373" />
                  </radialGradient>
                </defs>
                <path fill="url(#p.1)"
                  d="m0 71.937004l71.71391 -71.26509l40.51706 92.8084l27.929138 -0.45144653l39.88713 -93.02887l73.42258 72.07087l-73.02887 175.83728l-108.0525 -0.16011047z"
                  fill-rule="evenodd" />
                <path fill="#e0de7c"
                  d="m92.42782 112.98106l19.658226 -19.658218l28.715057 0l19.658218 19.658218l0 27.801659l-19.658218 19.658234l-28.715057 0l-19.658226 -19.658234z"
                  fill-rule="evenodd" />
                <path stroke="#000000" stroke-width="1.0" stroke-linejoin="round" stroke-linecap="butt"
                  d="m92.42782 112.98106l19.658226 -19.658218l28.715057 0l19.658218 19.658218l0 27.801659l-19.658218 19.658234l-28.715057 0l-19.658226 -19.658234z"
                  fill-rule="evenodd" />
                <path fill="#000000" fill-opacity="0.0" d="m253.21523 71.8472l-92.755905 41.133858"
                  fill-rule="evenodd" />
                <path stroke="#000000" stroke-width="3.0" stroke-linejoin="round" stroke-linecap="butt"
                  d="m253.21523 71.8472l-92.755905 41.133858" fill-rule="evenodd" />
                <path fill="#000000" fill-opacity="0.0" d="m0.27034122 71.87869l92.15748 41.102364"
                  fill-rule="evenodd" />
                <path stroke="#000000" stroke-width="3.0" stroke-linejoin="round" stroke-linecap="butt"
                  d="m0.27034122 71.87869l92.15748 41.102364" fill-rule="evenodd" />
                <path fill="#000000" fill-opacity="0.0" d="m72.49549 247.59055l39.590553 -87.1496"
                  fill-rule="evenodd" />
                <path stroke="#000000" stroke-width="3.0" stroke-linejoin="round" stroke-linecap="butt"
                  d="m72.49549 247.59055l39.590553 -87.1496" fill-rule="evenodd" />
                <path fill="#000000" fill-opacity="0.0" d="m180.29715 247.59055l-39.496048 -87.1496"
                  fill-rule="evenodd" />
                <path stroke="#000000" stroke-width="3.0" stroke-linejoin="round" stroke-linecap="butt"
                  d="m180.29715 247.59055l-39.496048 -87.1496" fill-rule="evenodd" />
              </g>
            </svg>
          </div>
          <div class="voltagon-title">VOLTAGON</div>
        </div>
      </template>
    </template>
    <template v-else>
      <div :class="logoClass">{{capsTitle}}</div>
    </template>
  </div>
</template>

<script lang="ts">

import Vue from 'vue';
import {CardName} from '@/common/cards/CardName';


const logos: Partial<Record<CardName, 'image' | 'css' | 'bespoke'>> = {
  [CardName.ADHAI_HIGH_ORBIT_CONSTRUCTIONS]: 'image',
  [CardName.AERON_GENOMICS]: 'bespoke',
  [CardName.AGRICOLA_INC]: 'bespoke',
  [CardName.AMBIENT]: 'image',
  [CardName.ANUBIS_SECURITIES]: 'bespoke',
  [CardName.APHRODITE]: 'css',
  [CardName.ARBORIST_COLLECTIVE]: 'bespoke',
  [CardName.ARCADIAN_COMMUNITIES]: 'bespoke',
  [CardName.ARIDOR]: 'css',
  [CardName.ARKLIGHT]: 'css',
  [CardName.ASTRODRILL]: 'bespoke',
  [CardName.ATHENA]: 'bespoke',
  [CardName.AURORAI]: 'image',
  [CardName.BIO_SOL]: 'image',
  [CardName.CELESTIC]: 'bespoke',
  [CardName.CHEUNG_SHING_MARS]: 'bespoke',
  [CardName.CHIMERA]: 'image',
  [CardName.COLLEGIUM_COPERNICUS]: 'image',
  [CardName.CREDICOR]: 'css',
  [CardName.CRESCENT_RESEARCH_ASSOCIATION]: 'bespoke',
  [CardName.CURIOSITY_II]: 'bespoke',
  [CardName.DEMETRON_LABS]: 'bespoke',
  [CardName.ECOLINE]: 'css',
  [CardName.ECOTEC]: 'bespoke',
  [CardName.ERIS]: 'bespoke',
  [CardName.FACTORUM]: 'css',
  [CardName.GAGARIN_MOBILE_BASE]: 'bespoke',
  [CardName.HABITAT_MARTE]: 'image',
  [CardName.HADESPHERE]: 'bespoke',
  [CardName.HECATE_SPEDITIONS]: 'bespoke',
  [CardName.HELION]: 'css',
  [CardName.HENKEI_GENETICS]: 'bespoke',
  [CardName.INCITE]: 'bespoke',
  [CardName.INTERPLANETARY_CINEMATICS]: 'bespoke',
  [CardName.INTRAGEN_SANCTUARY_HEADQUARTERS]: 'image',
  [CardName.INVENTRIX]: 'bespoke',
  [CardName.JENSON_BOYLE_CO]: 'css',
  [CardName.JUNK_VENTURES]: 'css',
  [CardName.KEPLERTEC]: 'bespoke',
  [CardName.KINGDOM_OF_TAURARO]: 'bespoke',
  [CardName.KUIPER_COOPERATIVE]: 'bespoke',
  [CardName.LAKEFRONT_RESORTS]: 'bespoke',
  [CardName.LUNA_FIRST_INCORPORATED]: 'image',
  [CardName.LUNA_HYPERLOOP_CORPORATION]: 'image',
  [CardName.LUNA_TRADE_FEDERATION]: 'image',
  [CardName.MANUTECH]: 'bespoke',
  [CardName.MARS_DIRECT]: 'image',
  [CardName.MARS_FRONTIER_ALLIANCE]: 'image',
  [CardName.MARS_MATHS]: 'bespoke',
  [CardName.MARTIAN_INSURANCE_GROUP]: 'image',
  [CardName.MIDAS]: 'css',
  [CardName.MIND_SET_MARS]: 'image',
  [CardName.MINING_GUILD]: 'bespoke',
  [CardName.MONS_INSURANCE]: 'bespoke',
  [CardName.MORNING_STAR_INC]: 'css',
  [CardName.NANOTECH_INDUSTRIES]: 'image',
  [CardName.NIRGAL_ENTERPRISES]: 'bespoke',
  [CardName.ODYSSEY]: 'image',
  [CardName.PALLADIN_SHIPPING]: 'bespoke',
  [CardName.PHARMACY_UNION]: 'bespoke',
  [CardName.PHILARES]: 'bespoke',
  [CardName.PHOBOLOG]: 'css',
  [CardName.PLAYWRIGHTS]: 'bespoke',
  [CardName.POINT_LUNA]: 'css',
  [CardName.POLARIS]: 'image',
  [CardName.POLDERTECH_DUTCH]: 'bespoke',
  [CardName.POLYPHEMOS]: 'css',
  [CardName.POSEIDON]: 'css',
  [CardName.PRISTAR]: 'css',
  [CardName.PROJECT_WORKSHOP]: 'bespoke',
  [CardName.RECYCLON]: 'bespoke',
  [CardName.RINGCOM]: 'image',
  [CardName.ROBIN_HAULINGS]: 'image',
  [CardName.ROBINSON_INDUSTRIES]: 'bespoke',
  [CardName.SAGITTA_FRONTIER_SERVICES]: 'bespoke',
  [CardName.SATURN_SYSTEMS]: 'bespoke',
  [CardName.SEPTUM_TRIBUS]: 'bespoke',
  [CardName.SOLBANK]: 'bespoke',
  [CardName.SOYLENT_SEEDLING_SYSTEMS]: 'image',
  [CardName.SPIRE]: 'image',
  [CardName.SPLICE]: 'bespoke',
  [CardName.STEELARIS]: 'image',
  [CardName.STORMCRAFT_INCORPORATED]: 'bespoke',
  [CardName.TEMPEST_CONSULTANCY]: 'image',
  [CardName.TERACTOR]: 'css',
  [CardName.TERRALABS_RESEARCH]: 'bespoke',
  [CardName.THARSIS_REPUBLIC]: 'bespoke',
  [CardName.THE_ARCHAIC_FOUNDATION_INSTITUTE]: 'image',
  [CardName.THE_DARKSIDE_OF_THE_MOON_SYNDICATE]: 'image',
  [CardName.THE_GRAND_LUNA_CAPITAL_GROUP]: 'image',
  [CardName.THORGATE]: 'css',
  [CardName.TYCHO_MAGNETICS]: 'bespoke',
  [CardName.UNITED_NATIONS_MARS_INITIATIVE]: 'bespoke',
  [CardName.UNITED_NATIONS_MISSION_ONE]: 'bespoke',
  [CardName.UTOPIA_INVEST]: 'bespoke',
  [CardName.VALLEY_TRUST]: 'bespoke',
  [CardName.VIRON]: 'css',
  [CardName.VITOR]: 'bespoke',
  [CardName.VOLTAGON]: 'bespoke',
};

export default Vue.extend({
  name: 'CardCorporationLogo',
  props: {
    title: {
      type: String as () => CardName,
      required: true,
    },
  },
  computed: {
    logos(): typeof logos {
      return logos;
    },
    CardName(): typeof CardName {
      return CardName;
    },
    logoClass(): string {
      const type = logos[this.title];
      switch (type) {
      case 'image':
      case 'css':
        const local = this.title.toLowerCase()
          .replaceAll(' ', '-')
          .replaceAll('&', '')
          .replaceAll('--', '-');
        return `card-${local}-logo`;
      default:
        return '';
      }
    },
    capsTitle(): string {
      return logos[this.title] === 'image' ? '' : this.title.toUpperCase();
    },
  },
});

</script>

